.sidebar-container {
  .el-menu {
    border: none;
    height: 100%;
    width: 100% !important;

    .el-menu-item {
      color: #aeb5c4;
      height: 42px;
      line-height: 38px;
      padding: 0 0 0 17px !important;
      margin: 0 0 20px 0;

      // border-radius: 0 21px 21px 0 !important;
      &:hover {
        color: #ffffff !important;
      
        background: #2892E5 !important; // 蓝色
        border-radius: 4px;s

        span {
          color: #ffffff !important;
        }
      }

      &:active {
        color: #333333 !important;
        background-color: transparent !important;

        span {
          color: #333333 !important;
        }
      }
    }

    .router-link-active .el-menu-item {
      
      background-color: #E5F6FF !important; // 浅蓝色wzd
      
      color: #2892E5 !important; // 蓝色wzd
      border-radius: 4px !important;

      span {
        // color: #28e548 !important; // 蓝色
        color: #2892E5 !important; // 蓝色
        font-weight: 500 !important;
      }
    }

    .is-active {
      // color: #28e532 !important; 
      color: #2892E5 !important; // 蓝色wzd
    }
  }

  .el-submenu.is-active {
    >.el-submenu__title {
      color: #ffffff !important; // 白色
    }
  }

  .el-submenu {
    >.el-submenu__title {
      min-width: 190px !important;
      // background-color: #38e528 !important; // 蓝色

      background-color: #2892E5 !important; // 蓝色wzd
    }

    .el-menu-item {
      min-width: 190px !important;
      // background-color: #28e561 !important; // 蓝色

      background-color: #2892E5 !important; // 蓝色wzd
    }
  }

  .el-menu-item {
    i {
      color: inherit;
      font-size: 20px;
      margin-right: 9px;
    }

    position: relative;
    font-size: 14px !important;
    padding-left: 52px !important;
  }

  .simple-mode.first-level {
    .submenu-title-noDropdown {
      padding: 0 !important;
      position: relative;

      .el-tooltip {
        padding: 0 !important;
      }
    }

    .el-submenu {
      overflow: hidden;

      >.el-submenu__title {
        padding: 0px !important;

        .el-submenu__icon-arrow {
          display: none;
        }

        >span {
          visibility: hidden;
        }
      }
    }
  }

  .el-icon-arrow-down {
    &:before {
      color: #fff;
    }
  }

  .el-submenu__title {
    font-size: 16px !important;
    position: relative;
    z-index: 9;

    svg {
      margin-right: 5px !important;
      width: 28px !important;
      height: 28px !important;
    }
  }

  .horizontal-collapse-transition {
    transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
  }

  .scrollbar-wrapper {
    overflow-x: hidden !important;
  }

  .el-scrollbar__view {
    height: 100%;
  }

  .el-scrollbar__bar.is-vertical {
    right: 0px;
  }

  .el-scrollbar__bar.is-horizontal {
    display: none;
  }

  .svg-fill {
    margin-right: 7px;
  }
}

.hideSidebar {
  .el-tooltip {
    padding: 0 !important;
    text-align: center;
  }

  .svg-fill {
    margin-right: 0;
  }

  .sidebar-container .el-menu .el-menu-item {
    padding-left: 0 !important;

    &:hover {
      background-color: #2892E5 !important; // 蓝色
    }

    i {
      margin-right: 0;
    }
  }

  .sidebar-container .router-link-active .el-menu-item,
  .el-menu-item.is-active {
    // background-color: #e5fff1 !important; // 浅蓝色
    background-color: #E5F6FF !important; // 浅蓝色wzd

  }

  .sidebar-container .router-link-active .el-menu-item:hover,
  .el-menu-item.is-active {
   
    background-color: #2892E5 !important; // 蓝色wzd
  }
}